//项目进度卡片效果
.dcardsec {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 23px 12px 0px 12px;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E8E8E8;
  min-width: 200px;
  
  .tag {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 1px 24px 1px 10px;
    color: #FFFFFF;
    background: rgba(32, 153, 152);
    border-top-left-radius: 9px;
    border-bottom-right-radius: 50px; //行间距
  }
}

//工单进度卡片效果
.wo_cardsec {
  position: relative;
  display: inline-block;
  vertical-align: top;
  
  .main {
    width: 520px;
    height: 145px;
    background: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 4px;

    .head {
      width: 90px;
      height: 25px;
      padding-left: 10px;
      color: #fff;
      line-height: 25px;
      background: rgba(32, 153, 152);
      border-top-left-radius: 9px;
      border-bottom-right-radius: 50px; //行间距
    }
    .body {
      display: flex;
      flex-wrap: norwrap;
      justify-content: space-between;
      height: 100px;
      .left_box {
        width: 40px;
      }
      .left {
        width: 120px;
        margin: auto;
        .left_top {
          height: 60px;
          margin: 0 auto;
          .left_top_number {
            color: rgb(5, 92, 81);
            font-weight: bold;
            font-size: 30px;
            text-align: center;
          }
          .left_text {
            font-weight: bold;
            font-size: 12px;
            text-align: center;
          }
        }
        .left_bottom {
          display: flex;
          flex-wrap: norwrap;
          justify-content: space-between;
          height: 60px;
          .left_bottom1 {
            .left_bottom_number1 {
              color: rgb(5, 92, 81);
              font-weight: bold;
              font-size: 20px;
              text-align: center;
            }
            .left_bottom_text1 {
              font-weight: bold;
              font-size: 12px;
              text-align: center;
            }
          }
          .left_bottom2 {
            .left_bottom_number2 {
              color: rgb(5, 92, 81);
              font-weight: bold;
              font-size: 20px;
              text-align: center;
            }
            .left_bottom_text2 {
              font-weight: bold;
              font-size: 12px;
              text-align: center;
            }
          }
        }
      }
      .chart {
        float: left !important;
        width: 110px;
        height: 110px;
        margin: auto;
        margin-right: 10px;
      }
      .right {
        display: flex;
        flex-wrap: norwrap;
        justify-content: space-between;
        float: center;
        width: 120px;
        margin: auto;
        .right1 {
          width: 40px;
          .right_number1 {
            color: rgb(140, 234, 0);
            font-weight: bold;
            font-size: 20px;
            text-align: center;
          }
          .right_text {
            color: #666;
            font-size: 10px;
            text-align: center;
          }
        }
        .right2 {
          width: 40px;
          .right_number2 {
            color: rgb(111, 0, 210);
            font-weight: bold;
            font-size: 20px;
            text-align: center;
          }
          .right_text {
            color: #666;
            font-size: 10px;
            text-align: center;
          }
        }
        .right3 {
          width: 40px;
          .right_number3 {
            color: rgb(255, 45, 45);
            font-weight: bold;
            font-size: 20px;
            text-align: center;
          }
          .right_text {
            color: #666;
            font-size: 10px;
            text-align: center;
          }
        }
      }
    }
  }
}
//异常处理卡片效果
.reportForm {
  position: relative;
  display: inline-block;
  // float: left;
  min-width: 640px;
  margin-left: 10px;
  vertical-align: top;
  .main {
    width: 1000px;
    background: #fff;
    border: 0.3px solid #000;
    border-radius: 5px;
    .head {
      width: 90px;
      height: 25px;
      padding-left: 10px;
      color: #fff;
      line-height: 25px;
      background: rgba(32, 153, 152);
      border-top-left-radius: 9px;
      border-bottom-right-radius: 50px; //行间距
    }
    .body {
      display: flex;
      flex-wrap: norwrap;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      overflow: hidden;
    }
  }
}
//报表选项样式
.reportFormTag {
  width: 100%;
  height: 100%;
  padding: 0;
  .reportFormTagBox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin: 0;
    padding: 0;
    .reportFormTagBoxItem {
      // display: inline;
      width: 11%;
      height: 60px;
      margin: 10px;
      padding-top: 20px;
      color: black;
      font-weight: bold;
      font-size: 14px;
      text-align: center;
      text-wrap: wrap;
      transition: 300ms;
    }
    .reportFormTagBoxItem:hover {
      color: #13c2c2;
      font-weight: bold;
      font-size: 15px;
      cursor: pointer;
    }
  }
}
//报表弹窗样式

// //报表样式
.reportFormCardTitle {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}

.reportFormModalTitle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  h1 {
    padding-bottom: 10px;
    color: #13c2c2;
    font-size: 26px;
  }
}

.reportFormTagBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
  padding: 0;
  column-count: 6;
}
.reportFormTagBoxItem {
  color: black;
  transition: 300ms;
}
.reportFormTagBoxItem:hover {
  color: #13c2c2;
  cursor: pointer;
}

.clearfix {
  zoom: 1;

  &::after {
    display: block;
    clear: both;
    width: 0px;
    height: 0px;
    font-size: 0px;
    visibility: hidden;
    content: '.';
  }
}

// 修改ant-pro默认样式 避免全局污染
.protable {
  .ant-pro-table-search {
    padding-top: 12px;
    padding-bottom: 10px;
    margin-bottom: 0px;
  }

  .ant-pro-table-list-toolbar-container {
    padding: 10px 0px;
  }

  .ant-table-pagination.ant-pagination {
    margin: 12px 0px;
  }

  .ant-form-item {
    margin-bottom: 0px;
  }

  .ant-pro-card-body {
    padding-bottom: 0px;
  }
}
